<%@page import="com.windfone.common.Constant"%>
<%@ page language="java" contentType="text/html; charset=utf-8"    pageEncoding="utf-8"%>
<%@ include file="head.jsp" %>
<%@ taglib uri="/WEB-INF/recommend.tld" prefix="windfone" %>
<%@ taglib prefix="fmt" uri="http://java.sun.com/jsp/jstl/fmt"%>  
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>手机中心</title>
<%@ include file="headkey.jsp" %>
<link rel="stylesheet" type="text/css" href="css/index.css"/>
<link rel="stylesheet" type="text/css" href="css/header.css"/>
<link rel="stylesheet" type="text/css" href="css/reset.css"/>
<style>
#coodoo_Header a
{
	font-size:14px;
	font-weight:bold;
	font-weight:bold;
	font-size:14px;
	color:#FFFFFF;
	text-decoration:none;
}
</style>
<style>
html{color:black; background:white;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,blockquote,th,td{margin:0; padding:0;}
body{font-size:12px; font-family:Arial, Helvetica, sans-serif;}
img{border:0px; vertical-align:top;}
a{font-size:12px; text-decoration:none;}
a,a:link,a:visited{color:#353535;}
a:hover{color:#fc6900;}	
.floatend{clear:both; line-height:0px; height:0px; font-size:0px;}	
.dl_glist{float:left; list-style-type:none; text-align:center; height:141px; padding:0 5px 5px 5px;}
.dl_glist li{word-break:bread-all;}
.dl_glist li.img{background:white;}
.dl_glist li.mobileCenterPrice{color:#009a00; font-weight:bold; font-size:13px;}	
	
.box2{clear:both;}
.box2 dd.tl{float:left; width:7px; height:25px;}
.box2 dd.tb{float:left; height:25px;}
.box2 dd.tr{float:left; width:7px; height:25px;}
.box2 dd.bl{float:left; width:7px; height:7px; font-size:0px;}
.box2 dd.bb{float:left; height:7px; font-size:0px;}
.box2 dd.br{float:left; width:7px; height:7px; font-size:0px;}

.box2 div.tl{float:left; width:7px; height:25px;}
.box2 div.tb{float:left; height:25px;}
.box2 div.tr{float:left; width:7px; height:25px;}
.box2 div.bl{float:left; width:7px; height:7px; font-size:0px;}
.box2 div.bb{float:left; height:7px; font-size:0px;}
.box2 div.br{float:left; width:7px; height:7px; font-size:0px;}
.box2 .bgtright{background:url(images/box1/bg25_tright.jpg);}
.box2 .bgtleft{background:url(images/box1/bg25_tleft.jpg);}
.box2 .bgtbg{background:url(images/box1/bg25_tbg.jpg);}
.box2 .bgbleft{background:url(images/box1/bg25_bleft.jpg);}
.box2 .bgbbg{background:url(images/box1/bg25_bbg.jpg);}
.box2 .bgbright{background:url(images/box1/bg25_bright.jpg);}
.box2 .bgbg{clear:both; border-left:solid 1px #c2c2c2; border-right:solid 1px #ddd;}
	
 
.classbox div.body{width:950px; border-left:solid 1px #dcdcdc; border-right:solid 1px #dcdcdc; padding:7px 7px 0px 7px;}
.Classbox{width:950px; clear:both; margin:0 auto 0 auto;} 

.classbox div.tl1{height:19px; background:url(CustomCtrl/GoodsClassCtrl/classbox_img1.jpg) no-repeat; font-weight:bold; color:#2b9cd8; font-size:14px; padding:9px 0 0 23px;}

.classbox dl.cbox dd.tl{float:left; width:7px; height:31px;}
.classbox dl.cbox dd.tb{float:left; height:31px;}
.classbox dl.cbox dd.tr{float:left; width:7px; height:31px;}
.classbox dl.cbox dd.bl{float:left; width:7px; height:7px; font-size:0px;}
.classbox dl.cbox dd.bb{float:left; height:7px; font-size:0px;}
.classbox dl.cbox dd.br{float:left; width:7px; height:7px; font-size:0px;}

.classbox dl.cbox .gg31tleft{background:url(CustomCtrl/GoodsClassCtrl/gg31_tleft.jpg);}
.classbox dl.cbox .gg31tbg{background:url(CustomCtrl/GoodsClassCtrl/gg31_tbg.jpg);}
.classbox dl.cbox .gg31tright{background:url(CustomCtrl/GoodsClassCtrl/gg31_tright.jpg);}
.classbox dl.cbox .gg31bleft{background:url(CustomCtrl/GoodsClassCtrl/gg31_bleft.jpg);}
.classbox dl.cbox .gg31bbg{background:url(CustomCtrl/GoodsClassCtrl/gg31_bbg.jpg);}
.classbox dl.cbox .gg31bright{background:url(CustomCtrl/GoodsClassCtrl/gg31_bright.jpg);}
.classbox dl.cbox .gg31bg{clear:both; border-left:solid 1px #dcdcdc; border-right:solid 1px #dcdcdc;}

.classbox dl.cbox table{border-collapse:collapse; width:100%;}
.classbox dl.cbox table td{padding:1px; text-align:center; vertical-align:middle; width:20%;}



.mcbox{width:950px; margin:0 auto 10px auto;}
.mcbox div.tl1{float:left; height:19px; background:url(images/mc_img1.jpg) no-repeat; font-weight:bold; color:#2b9cd8; font-size:14px; padding:6px 0 0 23px;}
.mcbox dl.dl1{float:right;}
.mcbox dl.dl1 dd.txt{float:right; height:17px; padding-top:8px; color:#959597; font-weight:bold;}
.mcbox dl.dl1 dd.img{float:right; height:21px; padding:4px 3px 0 0;}
.mcbox dl.dl1 dd.img img{display:block;}
.mcbox div.gs{width:948px; padding:7px 7px 0 7px;}
 
 
 
 .pcbox{width:941px; clear:both; margin:5px auto 5px auto;}
.pcbox .split_title{width:901px; height:33px; line-height:33px; background:#f2f2f2; color:#2d9bd8; font-weight:bold; padding-left:10px; margin:10px 0;}
.pcbox .cont_tbl{width:949px; border-top:solid 1px #bfc7ca; border-right:solid 1px #bfc7ca; border-left:solid 1px #bfc7ca;}
.pcbox .cont_tbl_tr{height:34px;}
.pcbox .cont_tbl_td_head1{float:left; background:#e8f5fd; border-bottom:solid 1px #bfc7ca; border-right:solid 1px #bfc7ca; height:33px; line-height:33px; overflow:hidden; color:#7d7d7d; font-weight:bold; text-align:center;}
.pcbox .cont_tbl_td_head2{float:left; background:#e8f5fd; border-bottom:solid 1px #bfc7ca; height:33px; line-height:33px; overflow:hidden; color:#7d7d7d; font-weight:bold; text-align:center;}
.pcbox .cont_tbl_td1{float:left; background:white; border-bottom:solid 1px #bfc7ca; border-right:solid 1px #bfc7ca; height:33px; line-height:33px; overflow:hidden; color:#7c7c7c; text-align:center; padding:0 3px;}
.pcbox .cont_tbl_td2{float:left; background:white; border-bottom:solid 1px #bfc7ca; height:33px; line-height:33px; overflow:hidden; color:#7c7c7c; text-align:center; padding:0 3px;}
 
</style>
 
</head>
<body style="background-color: #000000;"> 
	<%@ include file="navigate.jsp" %>
<div align="center"  style="background-color:#FFFFFF;width: 950px;margin:0 auto;">
<%-- main begin --%>    
<div class="mcbox">
	<div id="classbody" class="classbox">
	<dl class="cbox">
		<dd class="tl gg31tleft"></dd>
		<dd class="tb gg31tbg" style="width:936px;"><div class="tl1" title="手机大全,全部手机品牌分类">品牌分类</div></dd>
		<dd class="tr gg31tright"></dd>

		<dd class="bg gg31bg" style="width:948px;">
			<table>
				<tr>
					<td><a href="mobileCenter.action?typeId=<windfone:productType typeName='诺基亚'/>&status=1" ><img src="image/cs_nokia.png" /></a></td>
					<td><a href="mobileCenter.action?typeId=<windfone:productType typeName='索爱'/>&status=1" ><img src="image/cs_se.png" /></a></td>
					<td><a href="mobileCenter.action?typeId=<windfone:productType typeName='三星'/>&status=1"><img src="image/cs_sam.png" /></a></td>
					<td><a href="mobileCenter.action?typeId=<windfone:productType typeName='LG'/>&status=1"><img src="image/cs_lg.png" /></a></td>
					<td><a href="mobileCenter.action?typeId=<windfone:productType typeName='摩拉'/>&status=1"><img src="image/cs_moto.png" /></a></td>
				</tr>

				<tr>
					<td><a href="mobileCenter.action?typeId=<windfone:productType typeName='HTC'/>&status=1"><img src="image/cs_htc.png"/></a></td>
					<td><a href="mobileCenter.action?typeId=<windfone:productType typeName='夏普'/>&status=1"><img src="image/cs_sharp.png" /></a></td>
					<td><a href="mobileCenter.action?typeId=<windfone:productType typeName='苹果'/>&status=1"><img src="image/cs_apple.png" /></a></td>
					<td><a href="mobileCenter.action?typeId=<windfone:productType typeName='黑莓'/>&status=1"><img src="image/cs_blackberry.png"/></a></td>
					<td><a href="mobileCenter.action?typeId=<windfone:productType typeName='其他'/>&status=1"><img src="image/cs_other.png" /></a></td>
				</tr>
			</table>
		</dd>

		<dd class="bl gg31bleft"></dd>
		<dd class="bb gg31bbg" style="width:936px;"></dd>
		<dd class="br gg31bright"></dd>
		<dd class="floatend"></dd>
	</dl>
</div>

</div>
 <div class="pcbox">
<div id="upPrice">
<c:forEach var="one" items="${groupPricehistorys}" >
<c:forEach items="${one }"  var="record" varStatus="status">
	<c:if test="${ status.index ==0 }">
	<div class="split_title">价格调整日期：
		<fmt:formatDate value="${record.createTime}" type="both" pattern="yyyy年MM月dd日 "/>
	 </div>
	<div class="cont_tbl" style="width: 933px;">
	  <dl class="cont_tbl_tr" style="width: 933px;">
	    <dd class="cont_tbl_td_head1" style="width: 200px;">商品型号</dd>
	    <dd class="cont_tbl_td_head1" style="width: 200px;">价格说明</dd>
	    <dd class="cont_tbl_td_head1" style="width: 100px;">最新报价</dd>
	    <dd class="cont_tbl_td_head1" style="width: 228px;">标准配置</dd>
	    <dd class="cont_tbl_td_head1" style="width: 100px;">变动幅度</dd>
	    <dd class="cont_tbl_td_head2" style="width: 100px;">变动时间</dd>
	  </dl>
	</c:if>
  

<dl class="cont_tbl_tr" style="width: 933px;">
  <dd class="cont_tbl_td1" style="width: 194px;">
    <a href="detailMobile.action?productId=6">${record.productName }</a>
  </dd>
  <dd class="cont_tbl_td1" style="width: 194px;">${record.description }</dd>
  <dd class="cont_tbl_td1" style="width: 94px;">
    <span style="color: rgb(255, 1, 0);">￥${record.price }</span>
  </dd>
  <dd class="cont_tbl_td1" style="width: 222px;">${record.standar }</dd>
  <dd class="cont_tbl_td1" style="width: 94px;">
  	<c:if test="${record.range<0}">
  	<span style="color: rgb(33, 170, 54);">
  		￥${record.range} ↓
  	</span>
  	</c:if>
  	<c:if test="${ record.range >0}">
  	<span style="color: rgb(255, 1, 0);">
  		￥${record.range} ↑
  	</span>
  	</c:if>
  </dd>
  <dd class="cont_tbl_td2" style="width: 94px;">
  ${record.createTime }
  <%--
   <fmt:parseDate value="${record.createTime}" var="date" pattern="yyyy-MM-dd HH:mm:ss"/>
   --%>
  </dd>
</dl>
</c:forEach>
</div>
</c:forEach>
 
			<!-- 
<div class="ctrl_sp_numg">
	<a id="ctl00_cpBody_spcPage_hlFirst" title="第一页" href="javascript:spcnp_jumppage('ctl00_cpBody_upPrice','0','ctl00_cpBody_spcPage_hlFirst')">1 &lt;&lt;</a>
	<a id="ctl00_cpBody_spcPage_hlPrevi" title="上一页" href="javascript:spcnp_jumppage('ctl00_cpBody_upPrice','0','ctl00_cpBody_spcPage_hlPrevi')"> &lt; </a>
	<span class="current">1</span><a id="hlSPCNP_1" href="javascript:spcnp_jumppage('ctl00_cpBody_upPrice','1','')">2</a><a id="hlSPCNP_2" href="javascript:spcnp_jumppage('ctl00_cpBody_upPrice','2','')">3</a><a id="hlSPCNP_3" href="javascript:spcnp_jumppage('ctl00_cpBody_upPrice','3','')">4</a><a id="hlSPCNP_4" href="javascript:spcnp_jumppage('ctl00_cpBody_upPrice','4','')">5</a><a id="hlSPCNP_5" href="javascript:spcnp_jumppage('ctl00_cpBody_upPrice','5','')">6</a><a id="hlSPCNP_6" href="javascript:spcnp_jumppage('ctl00_cpBody_upPrice','6','')">7</a><a id="hlSPCNP_7" href="javascript:spcnp_jumppage('ctl00_cpBody_upPrice','7','')">8</a><a id="hlSPCNP_8" href="javascript:spcnp_jumppage('ctl00_cpBody_upPrice','8','')">9</a><a id="hlSPCNP_9" href="javascript:spcnp_jumppage('ctl00_cpBody_upPrice','9','')">10</a>
	<a id="ctl00_cpBody_spcPage_hlNext" title="下一页" href="javascript:spcnp_jumppage('ctl00_cpBody_upPrice','1','ctl00_cpBody_spcPage_hlNext')"> &gt; </a>
	<a id="ctl00_cpBody_spcPage_hlLast" title="最未页" href="javascript:spcnp_jumppage('ctl00_cpBody_upPrice','23','ctl00_cpBody_spcPage_hlLast')">&gt;&gt; 24</a>
</div>
-->
</div>
	
</div>

  <%@ include file="bottom.jsp" %>
</div>

 
 <div style="width:950px;height: 15">&nbsp;</div>
</body>
</html>
